<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<!DOCTYPE html>--%>
<html>
<head>
  <meta charset="utf-8">
  <title>登录 - 小U订车位</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Bootstrap core CSS -->
  <link rel="stylesheet" href="../../static/assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="../../static/assets/css/fonts.css">
  <link rel="stylesheet" href="../../static/assets/font-awesome/css/font-awesome.min.css">

  <!-- PAGE LEVEL PLUGINS STYLES -->
  <!-- REQUIRE FOR SPEECH COMMANDS -->
  <link rel="stylesheet" type="text/css" href="../../static/assets/css/plugins/gritter/jquery.gritter.css" />

  <!-- Tc core CSS -->
  <link id="qstyle" rel="stylesheet" href="../../static/assets/css/themes/style.css">


  <!-- Add custom CSS here -->

  <!-- End custom CSS here -->

  <!--[if lt IE 9]>
  <script src="../../static/assets/js/html5shiv.js"></script>
  <script src="../../static/assets/js/respond.min.js"></script>
  <![endif]-->

</head>

<body class="login">
<div id="wrapper">
  <!-- BEGIN MAIN PAGE CONTENT -->

  <div class="login-container">
    <h2>
      <a href="javascript:void(0);">小U订车位</a><!-- can use your logo-->
    </h2>
    <!-- BEGIN LOGIN BOX -->
    <div id="login-box" class="login-box visible">
      <p class="bigger-110">
        <i class="fa fa-key"></i> 请输入登录信息
      </p>

      <div class="hr hr-8 hr-double dotted"></div>

      <form id="loginForm" method="post" action="/j_spring_security_check">
        <div class="form-group">
          <div class="input-icon right">
            <span class="fa fa-key text-gray"></span>
            <input type="text" onkeyup="enterAndLogin(event);" name="j_username" class="form-control" placeholder="用户名">
          </div>
        </div>
        <div class="form-group">
          <div class="input-icon right">
            <span class="fa fa-lock text-gray"></span>
            <input type="password" onkeyup="enterAndLogin(event);" name="j_password" class="form-control" placeholder="密码">
          </div>
        </div>
        <div class="tcb">
          <label>
            <input type="checkbox" class="tc">
            <span class="labels"> 记住密码</span>
          </label>
          <a href="javascript:void(0);" onclick="login();" class="pull-right btn btn-primary">登录<i class="fa fa-key icon-on-right"></i></a>
          <div class="clearfix"></div>
        </div>

        <div class="social-or-login">
          <span class="text-primary">采用下列方式登录</span>
        </div>

        <div class="space-4"></div>

        <div class="text-center">
          <a href="#" class="btn btn-twitter btn-sm btn-circle"><i class="fa fa-twitter icon-only bigger-130"></i></a>
          <a href="#" class="btn btn-googleplus btn-sm btn-circle"><i class="fa fa-google-plus icon-only bigger-130"></i></a>
          <a href="#" class="btn btn-facebook btn-sm btn-circle"><i class="fa fa-facebook icon-only bigger-130"></i></a>
        </div>

        <div class="footer-wrap">
							<span class="pull-left">
								<a href="#" onclick="show_box('forgot-box'); return false;"><i class="fa fa-angle-double-left"></i> 忘记密码?</a>
							</span>
          <div class="clearfix"></div>
        </div>
      </form>
    </div>
    <!-- END LOGIN BOX -->

    <!-- BEGIN FORGOT BOX -->
    <div id="forgot-box" class="login-box">
      <p class="bigger-110">
        <i class="fa fa-key"></i> 找回密码
      </p>

      <div class="hr hr-8 hr-double dotted"></div>

      <form method="post" action="static/forgotpassword">
        <div class="form-group">
          <div class="input-icon right">
            <span class="fa fa-envelope text-gray"></span>
            <input type="email" class="form-control" placeholder="邮件">
            <span class="help-block">请输入您的邮件地址</span>
          </div>
        </div>
        <a href="#" class="pull-right btn btn-danger">提交</a>

        <div class="clearfix"></div>

        <div class="footer-wrap">
          <a href="#" onclick="show_box('login-box'); return false;">返回到登录页面<i class="fa fa-angle-double-right"></i></a>
        </div>
      </form>
    </div>
    <!-- END FORGOT BOX -->
  </div>
  <!-- END MAIN PAGE CONTENT -->
</div>

<!-- core JavaScript -->
<script src="../../static/assets/js/jquery.min.js"></script>
<script src="../../static/assets/js/bootstrap.min.js"></script>
<script src="../../static/assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="../../static/assets/js/plugins/pace/pace.min.js"></script>

<!-- PAGE LEVEL PLUGINS JS -->

<!-- Themes Core Scripts -->
<script src="../../static/assets/js/main.js"></script>

<!-- REQUIRE FOR SPEECH COMMANDS -->
<script src="../../static/assets/js/speech-commands.js"></script>
<script src="../../static/assets/js/plugins/gritter/jquery.gritter.min.js"></script>

<!-- initial page level scripts for examples -->
<script type="text/javascript">
  function show_box(id) {
    jQuery('.login-box.visible').removeClass('visible');
    jQuery('#'+id).addClass('visible');
  }

  function login(){
    $("#loginForm").submit();
  }
  function enterAndLogin(event){
    if(event.keyCode==13){
      login();
    }
  }
</script>
</body>
</html>